<div id="contentP">
    <div id="contentI">
        <ul id="menu">
            <li><a href="#" onclick="registro();">Registro</a></li>
            <li><a href="#">Usuarios</a></li>
            <li>
                <a href="#">Tercero</a>
                <ul>
                    <li><a href="#">Tercero 1</a></li>
                    <li><a href="#">Tercero 2</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <div id="contentC">
        Mundo
    </div>
    <div id="contentD">
        !!
    </div>
    <div id="ventanaModal" title="Registro de Usuario">
        <table>
            <tr>
                <td>Nombre:</td>
                <td><input type="text" id="nombre" size="20" class="ui-corner-all"/></td>
            </tr>
            <tr>
                <td>Rut:</td>
                <td><input type="text" id="rut" size="20" class="ui-corner-left"/>(sin puntos ni guión)</td>
            </tr>
            <tr>
                <td>Correo:</td>
                <td><input type="text" id="correo" size="20" class="ui-corner-top"/></td>
            </tr>
            <tr>
                <td>Nickname:</td>
                <td><input type="text" id="nick" size="20" class="uno"/></td>
            </tr>
            <tr>
                <td>Clave:</td>
                <td><input type="password" id="clave2" size="20" class="uno"/></td>
            </tr>
            <tr>
                <td></td>
                <td><div id="msj2"></div></td>
            </tr>
            <tr>
                <td>Permiso:</td>
                <td><select id="permiso">
                        <option value="0">Admin
                        <option value="1">Normal
                        <option value="2">User
                    </select></td>
            </tr>
        </table>
    </div>
</div>
<script>
    $("#menu").menu();
    function registro(){
        $("#ventanaModal").dialog('open');
    }
    $("#ventanaModal").dialog({
        autoOpen: false,
        height: 300,
        width: 540,
        modal: true,
        resizable: false,
        closeOnEscape:false,
        buttons: [{id:'Guardar',text:'Guardar',
                click:function(){
                    $.post(base_url+'welcome/guardaRegistro',{
                                nombre:$("#nombre").val(),
                                rut:$("#rut").val(),
                                correo:$("#correo").val(),
                                nickname:$("#nick").val(),
                                clave:$("#clave2").val(),
                                permiso:$("#permiso").val()
                            },function(htmlresponse,data){
                                $("#contentC").html(htmlresponse,data);
                                $("#contentC").show('slow');
                            }
                        );
                        $(this).dialog('close');
                }
        },{id:'Cancelar', text:'Cancelar',click:function(){
                      $( this ).dialog( "close" );
                }
            }
        ],
        close: function(){
            $( this ).dialog( "close" );
        }
    });
</script>
<style>
    .ui-menu{width:100%;}
    </style>